<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>池客坊首页</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="common/css/reset.css" />
	<script src="common/js/jquery-2.2.0.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="models/main/main.css" />
	<link rel="stylesheet" type="text/css" href="models/main/css/style.css" />
	<link rel="stylesheet/less" href="common/css/com-header.less" />
	<link rel="stylesheet/less" href="common/css/com-footer.less" />
	<script src="common/js/less.js" type="text/javascript" charset="utf-8"></script>
	<script src="common/js/common.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
	<span class="mask"></span>
	<!--头部-->
	<div class="tHeade">
		<header>
			<div class="banxin h-content">
				<div class="h-left fl">
					<a href="#" class="h-login">登录</a> |
					<a href="#" class="h-register">注册</a>
				</div>
				<div class="h-right fr">
					<div class="h-car fl">
						<i class="h-car-icon"></i>
						<a href="#" class="h-car-message">购物车<span class="colorRed">0</span>商品</a>
						<div class="h-online fr">
							<img src="common/img/offline_qq_42.png" />
						</div>
					</div>
				</div>
			</div>
		</header>
		<div class="logo banxin">
			<div class="logo-img fl">
				<img src="common/img/logo.png" />
			</div>
			<div class="logo-mess fl">
				<img src="common/img/5f0n.png" />
			</div>
			<div class="tel">
				<em>400&nbsp; 6188&nbsp; 527</em>
			</div>
			<div class="logo-search fr clearfix">
				<button>搜索</button>
				<input type="search" name="" id="" value="" />
				<div class="hot-search">
					<span>热门搜索:</span>
					<a href="#">芝麻汤圆</a>
					<a href="#">水饺</a>
					<a href="#">鲜肉馄饨</a>
				</div>
			</div>
		</div>
		<nav>
			<div class="banxin nav-content">
				<div class="nav-classify fl">
					<h3>全部商品分类</h3>
					<img src="common/img/classify.png" />
					<div class="detail-classify">
						<ul>
							<li>
								<a href="#">湾仔码头</a><b>></b>
							</li>
							<li>
								<a href="#">避风塘</a><b>></b></li>
							<li>
								<a href="#">池客坊</a><b>></b></li>
							<li>
								<a href="#">沈大成</a><b>></b></li>
							<li>
								<a href="#">思念</a><b>></b></li>
							<li>
								<a href="#">南翔</a><b>></b></li>
							<li>
								<a href="#">龙凤</a><b>></b></li>
							<li>
								<a href="#">桂冠</a><b>></b></li>
							<li>
								<a href="#">安井</a><b>></b></li>
							<li>
								<a href="#">其他</a><b>></b></li>
						</ul>
					</div>
				</div>
				<div class="nav-list fl">
					<ul>
						<li class="active">
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="models/newgoods/newgoods.html">新品上架</a>
						</li>
						<li>
							<a href="models/buy/buy.html">促销活动</a>
						</li>
						<li>
							<a href="models/feedback/feedback.html">反馈信息</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
	</div>
	<!--轮播图-->
	<div class="banner">
		<div class="htmleaf-container ">
			<div id="sections-wrapper">
				<section class="show" data-img="models/main/img/p5.png">

				</section>
				<section class="hide-bottom" data-img="models/main/img/p1.png"></section>
				<section class="hide-bottom" data-img="models/main/img/p2.png"></section>
				<section class="hide-bottom" data-img="models/main/img/p3.png"></section>
				<section class="hide-bottom" data-img="models/main/img/p4.png"></section>
			</div>

			<!-- sections control -->
			<div class="sections-control">
				<div class="section-thumbnail active rest"></div>
				<div class="section-thumbnail"></div>
				<div class="section-thumbnail"></div>
				<div class="section-thumbnail"></div>
				<div class="section-thumbnail"></div>
			</div>
		</div>

	</div>
	<!--热卖商品-->
	<div class="hotGoods banxin">
		<div class="hotGoodsTitle fl">
			<a href=""><i class=""></i>热销商品</a>
		</div>
		<!--<div class="hotGoodsContent fr">
				<div class="hotGoodsContentImg fl">
					<img src="goodsPic/1_lbty.jpg" alt="" />
				</div>
				<div class="hotGoodsContentText fl ">
					<p>1</p>
					<p><span>2</span></p>
				</div>
				<a href="">立即购买</a>
			</div>-->
	</div>
	<!--商品列表-->
	<div class="goodsList banxin">
		<!--更多导航栏-->
		<div class="more">
			<a href="" class="fr">+more</a>
		</div>
		<div class="goodsListTable fr">
			<div class="goodsListTableLeft fl">
				<!--<div><span>手抓面</span>
						<p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span>
						<p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span>
						<p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span>
						<p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span>
						<p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span>
						<p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>-->

			</div>
			<div class="goodsListTableRight fr">
				<!--<div><span>手抓面</span>
						<p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span>
						<p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>
					<div><span>手抓面</span>
						<p>吃面不用筷子</p><img src="goodsPic/1_szb.jpg" alt="" /></div>-->

			</div>

		</div>
		<div class="goodsListShow fl">
			<a href="">点击查看</a>
			<p>更懂色彩 更懂色彩</p>
		</div>
	</div>
	<div class="goodsList banxin">
		<!--更多导航栏-->
		<div class="more">
			<a href="" class="fr">+more</a>
		</div>
		<div class="goodsListTable fl">
			<div class="goodsListTableLeft fl">


			</div>
			<div class="goodsListTableRight fr">


			</div>

		</div>
		<div class="goodsListShow fr">
			<a href="">点击查看</a>
			<p>更懂色彩 更懂色彩</p>
		</div>
	</div>
	<div class="goodsList banxin">
		<!--更多导航栏-->
		<div class="more">
			<a href="" class="fr">+more</a>
		</div>
		<div class="goodsListTable fr">
			<div class="goodsListTableLeft fl">


			</div>
			<div class="goodsListTableRight fr">

			</div>

		</div>
		<div class="goodsListShow fl">
			<a href="">点击查看</a>
			<p>更懂色彩 更懂色彩</p>
		</div>
	</div>

	<!--更多导航栏-->

	<!--商品价格页-->
	<div class="price banxin">
		<div class="more">
			<a href="" class="">+more</a>
		</div>
		<ul class="priceLeft">

		</ul>
		<ul class="priceRight fr">

		</ul>
	</div>
	<!--增加购物车-->
	<div class="buycar-bg">
		<div class="buycar-con">
			<div class="title">
				<h1 class="fl">购物车</h1>
				<p class="fr"><span>1.结算商品</span>----- <span>2.确认订单----- <span>3.支付完成</span></span>
				</p>
			</div>
			<div class="p-info">
				<label for="check">
					<input type="checkbox" value="全选" id="check">全选
				</label>
				<span>商品</span>
				<span>单价(&yen;)</span>
				<span>数量</span>
				<span>金额(&yen;)</span>
				<span>操作</span>
			</div>
			<div class="p-mess p-info">
				<label>
					<input type="checkbox" value="全选" id="check"><img src="common/images/1_jrqi.jpg" alt="">
				</label>
				<span>芝麻汤圆&nbsp;500g*2箱</span>
				<span>(&yen;)90.00</span>
				<span><button>-</button><input type="text" value="1"><button>+</button></span>
				<span>(&yen;)90.00</span>
				<span>移除</span>
			</div>
			<div class="p-account p-info">
				<label for="checkall">
					<input type="checkbox" value="全选" id="checkall">全选
				</label>
				<span>删除选中的商品</span>
				<span>继续购物</span>
				<span>总共(不含运费):</span>
				<span>&yen;97</span>
				<span>结算(2)</span>
			</div>
			<div class="close">
				<a href="javascript:;"></a>
			</div>
		</div>
	</div>
	<!--底部-->
	<div class="foot">
		<footer class="banxin">
			<div class="f-left fl">
				<img src="common/img/logo.png" />
			</div>
			<div class="f-center fl">
				<ul class="clearfix">
					<li>
						<a href="#">首页</a><i>|</i></li>
					<li>
						<a href="models/admin/admin.html">新品上架</a><i>|</i></li>
					<li>
						<a href="#">促销活动</a><i>|</i></li>
					<li>
						<a href="#">反馈信息</a>
					</li>
				</ul>
				<div class="f-otherMess">
					<p><span>客服热线 4006188527</span><span>仅限工作日 9:00-18:00 </span><span>节假日 10:00-17:00</span></p>
					<p><span> 沪ICP备16031765号 </span><span>上海小池贸易有限公司</span><span><i><img src="common/img/xwcq.png"/></i>沪公网安备 31011402002870号&nbsp;&nbsp; Copyright © 2016 All Rights </span></p>
				</div>
			</div>
			<div class="f-right fr">
				<img src="common/img/ewm.jpg" />
			</div>
		</footer>

	</div>
	<script src="models/main/js/anime.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="models/main/js/interaction.js" type="text/javascript" charset="utf-8"></script>
	<script src="common/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
	<script src="//cdn1.lncld.net/static/js/3.0.1/av-min.js"></script>
	<script src="models/main/main.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	</script>
</body>

</html>